<template>
    <div class="error-bd" v-show="errorShow">
        <span class="iconfont icon-error"></span>
        <p class="error-text">网络走丢了~</p>
    </div>
</template>

<script>
 export default {
     name: 'Error',
     props: {
         errorShow: {
             type: Boolean,
             default () {
                 return false;
             }
         }
     }
 }

</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';

.error-bd {
    @include vh-center;
    flex-direction: column;
    height: 3rem;
    color: #999;

    .iconfont {
        font-size: .5rem;
    }

    .error-text {
        font-size: .14rem;
        margin: .15rem 0 0 .18rem;
    }
}
</style>